﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>教师主页</title>
    <script src="../Scripts/jquery-3.3.1.js"></script>
    
    <link href="../layui/css/layui.css" rel="stylesheet" />
</head>
<body>
    <ul class="layui-nav layui-nav-tree layui-nav-side layui-inline" id="sideNav" lay-filter="demo" style="width:13%;">
        <li class="layui-nav-item"><a href="">控制台</a></li>
        <li class="layui-nav-item layui-nav-itemed">
            <a href="javascript:;">机考管理</a>
            <dl class="layui-nav-child">
                <dd><a href="javascript:;">在线考试</a></dd>
                <dd><a href="javascript:;">在线上机</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item">
            <a href="javascript:;">考试管理</a>
            <dl class="layui-nav-child">
                <dd><a href="">试题管理</a></dd>
                <dd><a href="">题库管理</a></dd>
                <dd><a href="">考试管理</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item">
            <a href="javascript:;">学生管理</a>
            <dl class="layui-nav-child">
                <dd><a href="">学生信息</a></dd>
                <dd><a href="">统计成绩</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item"><a href="">课程管理</a></li>


    </ul>
    <div class="" style="width:87%;position:fixed;right:0px;">
        <ul class="layui-nav">
            <li class="layui-nav-item">
                <a href="">控制台<span class="layui-badge">9</span></a>
            </li>
            
            <li class="layui-nav-item" style="float:right;">
                <a href="">
                    <img src="//t.cn/RCzsdCq" class="layui-nav-img">我</a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:;">修改信息</a></dd>
                    <dd><a href="javascript:;">安全管理</a></dd>
                    <dd><a href="javascript:;">退了</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item" style="float:right;">
                <a href="">个人中心<span class="layui-badge-dot"></span></a>
            </li>
        </ul>

        <div class="layui-tab" id="test" lay-filter="test" lay-allowclose="true">
          <ul class="layui-tab-title">
            <li class="layui-this">网站设置</li>
            
          </ul>
          <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <iframe style="width:100%;height:700px;" src="../login.html"></iframe>
            </div>
            
          </div>
        </div>
</div>

   <script src="../layui/layui.js"></script>
    <script>
        layui.use(['element'], function () {
            var element = layui.element;

            //动态添加选项卡
            $("#sideNav li dl dd a").click(function () {
                element.tabAdd('test', {
                    title: $(this).text()
                    , content: '<iframe style="width:100%;height:700px;" ><div>大家好</div><h1>dfdf</h1></iframe>'
                });
                

            });
        });
    </script>
</body>
</html>
